<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        <?php include 'styles/style.css'; ?>
    </style>
</head>
<body>
    <div class="sidebar">
        <?php foreach(self::$data as $key => $row): ?>
            <?php if($key === 0): ?>
                <div class="active" id="img-<?= $row["img_id"]?>">
                    <p><?= $row['img_id'] ?></p>
                </div>
            <?php else: ?>
                <div class="" id="img-<?= $row["img_id"]?>">
                    <p><?= $row['img_id'] ?></p>
                </div>
            <?php endif; ?>
        <?php endforeach; ?>
    </div>
    <div class="ips">
        <?php foreach(self::$data as $key => $row): ?>
            <?php if($key === 0): ?>
                <div class="data" id="data-img-<?= $row["img_id"] ?>">
                    <header>
                        <p class="likely_bots">Малая вероятность бота  </p>
                        <p class="bots">Высокая вероятность бота </p>
                        <p class="bots_voted">Количество повторных голосов: <?= $row["repeats"] ?> </p>
                    </header>
                    <div class="count_ips">
                        <p>Количество голосов: <?= $row["count"] ?></p>
                    </div>
                    <div class="info">
                        <?php foreach($row["ips"] as $ip): ?>
                            <?php if(isset(self::$likely_bots[$ip])): ?>
                                
                                <?php if(self::$likely_bots[$ip]["count"] == 2 ): ?>
                                    <p class="likely_bots"><?= $ip ?></p>
                                <?php elseif(self::$likely_bots[$ip]["count"] > 2): ?>
                                    <p class="bots"><?= $ip ?></p>
                                <?php endif; ?>

                            <?php else: ?>
                                <p><?= $ip ?></p>
                            <?php endif; ?>
                        <?php endforeach; ?>
                    </div>
                </div>
            <?php else: ?>
                <div class="data hidden" id="data-img-<?= $row["img_id"] ?>">
                    <header>
                        <p class="likely_bots">Малая вероятность бота  </p>
                        <p class="bots">Высокая вероятность бота</p>
                        <p class="bots_voted">Количество голосов ботов:  <?= $row["repeats"] ?></p>
                    </header>
                    <div class="count_ips">
                        <p>Количество голосов: <?= $row["count"] ?></p>
                    </div>
                    <div class="info">
                        <?php foreach($row["ips"] as $ip): ?>
                            <?php if(isset(self::$likely_bots[$ip])): ?>
                                
                                <?php if(self::$likely_bots[$ip]["count"] <= 2 ): ?>
                                    <p class="likely_bots"><?= $ip ?></p>
                                <?php elseif(self::$likely_bots[$ip]["count"] > 2): ?>
                                    <p class="bots"><?= $ip ?></p>
                                <?php endif; ?>

                            <?php else: ?>
                                <p><?= $ip ?></p>
                            <?php endif; ?>
                        <?php endforeach; ?>
                    </div>
                </div>
            <?php endif; ?>
        <?php endforeach; ?>
    </div>
    <script>
        <?php include 'scripts/navigation.js'; ?>
    </script>
</body>
</html>